<template>
  <div class="home">
    <div class="item m-tb-20" v-for="({ title, path }, index) in titleList" :key="index">
      <router-link :to="path">{{ index + 1 }}、{{ title }}</router-link>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      titleList: [
        {
          title: '测试',
          path: '/test'
        },
        {
          title: 'pinia 的使用',
          path: '/pinia'
        },
        {
          title: 'el-scrollbar 的使用',
          path: '/el-scrollbar'
        },
        {
          title: 'vue-baidu-map的使用',
          path: '/vue-baidu-map'
        },
        {
          title: '特效篇',
          path: '/special-effect'
        }
      ]
    }
  }
}
</script>

<style scoped lang="scss">

</style>